<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航浮动以及二级菜单</title>
    <link href="/static/v2/css/base/top.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/static/v0/js/jquery.min.js"></script>
</head>
<body>


<div class="header-nav aui-header-nav moveDown">
    <div class="header-content clearfix">
        <div class="header-logo">
            <a href="#">
                <img src="/static/v2/img/logo.png" alt="">
            </a>
        </div>
        <div class="header-nav-right">
            <div class="header-nav-right-en">
                <a href="#">EN</a>
            </div>
            <div class="header-nav-weChat">
                <a href="#">
                    <i class="icon-weChat"></i>
                    咨询
                </a>
                <div class="navbar-contact-shadowl"></div>
                <div class="navbar-contact-shadowr"></div>
                <div class="navbar-contact-hover">
                    <img src="/static/v2/img/code.jpg" alt="">
                </div>
            </div>
            <div class="header-nav-tel">
                <a href="#">
                    <i class="icon-tel"></i>
                    400-021-8888
                </a>
            </div>
        </div>
        <div class="header-nav-list">
            <ul>
                <li>
                    <a href="#" class="cur">首页</a>
                </li>
                <li class="drop-down">
                    <a href="#">
                        全部产品 <i class="icon-dow"></i>
                    </a>
                    <div class="aui-dow-box aui-dow-box-list">
                        <div class="aui-down-menu clearfix">
                            <div class="aui-down-menu-title">
                                <i class="icon-title001"></i>
                                网校产品


                            </div>
                            <ul class="aui-down-menu-list">
                                <li class="aui-down-menu-list-item aui-top-border">
                                    <a href="#">
                                        <p class="aui-down-menu-list-title">
                                            <i class="icon-title002"></i>
                                            ES 通用版
                                        </p>
                                        <p class="aui-down-menu-list-text">教育机构拓展线上教学</p>
                                    </a>
                                </li>
                                <li class="aui-down-menu-list-item aui-top-border">
                                    <a href="#">
                                        <p class="aui-down-menu-list-title">
                                            <i class="icon-title003"></i>
                                            ES 企培版
                                        </p>
                                        <p class="aui-down-menu-list-text">企业内训，合作伙伴培训</p>
                                    </a>
                                </li>
                                <li class="aui-down-menu-list-item aui-top-border" style="width:170px;">
                                    <a href="#">
                                        <p class="aui-down-menu-list-title">
                                            <i class="icon-title004"></i>
                                            ES 高校版
                                        </p>
                                        <p class="aui-down-menu-list-text">智慧学习，高校慕课</p>
                                    </a>
                                </li>
                                <li class="aui-down-menu-list-item">
                                    <a href="#">
                                        <p class="aui-down-menu-list-title">
                                            <i class="icon-title005"></i>
                                            阔知学堂
                                        </p>
                                        <p class="aui-down-menu-list-text">教育机构的移动网校</p>
                                    </a>
                                </li>
                                <li class="aui-down-menu-list-item" style="width:auto">
                                    <a href="#">
                                        <p class="aui-down-menu-list-title">
                                            <i class="icon-title006"></i>
                                            教育云
                                        </p>
                                        <p class="aui-down-menu-list-text">直播、点播、短信、邮件</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="aui-down-menu clearfix">
                            <div class="aui-down-menu-title">
                                <i class="icon-title007"></i>
                                增值服务
                            </div>
                            <ul class="aui-down-menu-list">
                                <li class="aui-down-menu-list-item aui-top-border">
                                    <a href="#">
                                        <p class="aui-down-menu-list-title">
                                            <i class="icon-title008"></i>
                                            SaaS 服务
                                        </p>
                                        <p class="aui-down-menu-list-text">网校搭建、运维全托管</p>
                                    </a>
                                </li>
                                <li class="aui-down-menu-list-item aui-top-border">
                                    <a href="#">
                                        <p class="aui-down-menu-list-title">
                                            <i class="icon-title009"></i>
                                            网校主题
                                        </p>
                                        <p class="aui-down-menu-list-text">你的网校装修管家</p>
                                    </a>
                                </li>
                                <li class="aui-down-menu-list-item aui-top-border" style="width:170px;">
                                    <a href="#">
                                        <p class="aui-down-menu-list-title">
                                            <i class="icon-title010"></i>
                                            运营服务
                                        </p>
                                        <p class="aui-down-menu-list-text">校长沙龙、运营社群</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">成功网校</a>
                </li>
                <li>
                    <a href="#">服务报价</a>
                </li>
                <li>
                    <a href="#">开源下载</a>
                </li>
                <li>
                    <a href="#">演示站</a>
                </li>
                <li class="drop-down">
                    <a href="#">
                        关于我们<i class="icon-dow"></i>
                    </a>
                    <ul class="aui-about-dow">
                        <li>
                            <a href="#">公司简介</a>
                        </li>
                        <li>
                            <a href="#">公司文化</a>
                        </li>
                        <li>
                            <a href="#">新闻资讯</a>
                        </li>
                        <li>
                            <a href="#">联系我们</a>
                        </li>
                        <li>
                            <a href="#">加入我们</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>

<div style="height:1200px;"></div><!--可删除-->

<script type="text/javascript">

    $(window).on('scroll', function () {
        if ($(document).scrollTop() > 200) {
            $('.aui-header-nav').addClass('solid').removeClass('moveDown');
        } else {
            $('.aui-header-nav').removeClass('solid').addClass('moveDown');
        }
    });

</script>

</body>
</html>
